<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords"
	content="Modern Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design">
<script type="application/x-javascript">
	
	
	
	 addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } 



</script>

<script type="text/javascript" src="../js/jquery.min.js"></script>

<script type="text/javascript" src="../js/swiper.min.js"></script>




<!--图标样式-->
<link rel="stylesheet" type="text/css" href="../statics/css/icon.css">
<link rel="stylesheet" type="text/css" href="../statics/css/style.css">
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- Custom CSS -->
<link href="css/style.css" rel="stylesheet" type="text/css">
<!-- Graph CSS -->
<link href="css/lines.css" rel="stylesheet" type="text/css">
<link href="css/font-awesome.css" rel="stylesheet">
<!-- jQuery -->
<script src="js/jquery.min.js"></script>

<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">

<!-- 引入layui -->
<link rel="stylesheet" href="../webjars/layui/2.5.6/css/layui.css"
	type="text/css">

<!----webfonts--->
<link
	href="http://fonts.useso.com/css?family=Roboto:400,100,300,500,700,900"
	rel="stylesheet" type="text/css">
<!---//webfonts--->
<!-- Nav CSS -->
<link href="css/custom.css" rel="stylesheet">
<!-- Metis Menu Plugin JavaScript -->
<script src="js/metisMenu.min.js"></script>
<script src="js/custom.js"></script>
<!-- Graph JavaScript -->
<script src="js/d3.v3.js"></script>
<script src="js/rickshaw.js"></script>

<!-- 引入Vue -->
<script src="js/vue.min.js"></script>
<!-- 引入axios -->
<script type="text/javascript"
	src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.0/axios.min.js"></script>
<script type="text/javascript" src="../js/top.js"></script>


<link href="../css/mian.css" rel="stylesheet" type="text/css">

</head>
<body style="background-color: #fff;">
	<div id="header" style="height: auto;">
		<top></top>
	</div>
	<script type="text/javascript">
			new Vue({
				el:"#header",
			})
			</script>
	<!-- 搜索框-->

		<div class="search-box">

			<div class="search-close">
				<i class="iconfont icon-guanbi"></i>
			</div>

			<div class="search-con">

				<dl class="se">

					<div name="formsearch" method="post">

						<input type="hidden" name="kwtype" value="0" />

						<dt>

							<input name="q" type="text" class="search-keyword"
								v-model="keyword" id="search-keyword" :value="keyword"
								onfocus="if(this.value=='输入搜索关键词'){this.value='';}"
								onblur="if(this.value==''){this.value='输入搜索关键词';}" />

						</dt>

						<dd>
							<a target="_blank" @click="search"><button>
									<i class="iconfont icon-sousuo"></i>
								</button></a>

						</dd>

					</div>

				</dl>

				<div class="search-tips">大家都在搜</div>

				<div class="search-as">
					<a v-for="(l,i) in list" target="_blank"
						:href="'article.html?uaid='+l.uaid">{{l.utitle}}</a>
				</div>

			</div>

		</div>

		<script type="text/javascript">
		var v = new Vue({
			el : ".search-box",
			data : {
				keyword:"",
				list : [],
			},created(){
				axios.post("../search/log.s").then(res=>{
					this.list = res.data;
				})
			},
			methods : {
				search(){
					var params = new URLSearchParams();
					params.append("keyword",this.keyword);
					axios.post("../search/mianSearch.s",params).then(res=>{
						if(res.data.code==1){
							location.href="../seacher/index.html?log="+this.keyword+"&page=1";
						}else{
							alert(res.data.msg);
						}
					})
				}
			}
		})
	
	</script>
<div id="wrapper" style="margin-top: 6%">
		
	<div style="margin-top: 80px;background:#fff;">
			<!-- Navigation -->
				<div class="navbar-default sidebar" role="navigation" style="margin-top: 0px;background-color: #fff">
					<div class="sidebar-nav navbar-collapse active" style="margin-top: 0px">
						<ul class="nav in" id="side-menu">
							<li><a href="index.html" class="active"><i class="fa fa-dashboard fa-fw nav_icon"></i>首页</a></li>
							<li class="active"><a href="#"><i class="fa fa-laptop nav_icon"></i>内容创作<span class="fa arrow"></span></a>
								<ul class="nav nav-second-level collapse in">
									<li><a id="upload" onclick="upload_click()" class="active">上传资源</a></li>
										<li><a href="ueditor-dev-1.5.0/createWz.html">文本编辑器</a></li>
								</ul> <!-- /.nav-second-level --></li>
							<li><a href="#"><i class="fa fa-indent nav_icon"></i>内容管理<span class="fa arrow"></span></a>
								<ul class="nav nav-second-level collapse">
									<li><a href="graphs.html">资源管理</a></li>
									<li><a onclick="Myarticle()" class="active">文章管理</a></li>
									<li><a onclick="Mycomment()">评论管理</a></li>
									<li><a href="typography.html">视频管理</a></li>
								</ul> <!-- /.nav-second-level --></li>
							<li class="active"><a href="#"><i class="fa fa-check-square-o nav_icon"></i>我的收藏<span class="fa arrow"></span></a>
								<ul class="nav nav-second-level collapse in">
									<li><a onclick="Mycollection()" class="active">收藏</a></li>
								</ul> <!-- /.nav-second-level --></li>
							<li><a href="#"><i class="fa fa-envelope nav_icon"></i>设置<span class="fa arrow"></span></a>
								<ul class="nav nav-second-level collapse">
									<li><a href="PersonalCenter/PersonalCenterIndex.html">修改个人信息</a></li>
								</ul> <!-- /.nav-second-level --></li>
						</ul>
					</div>
					<!-- /.sidebar-collapse -->
			</div>
			<!-- /.navbar-static-side -->


			<div id="page-wrapper" style="min-height: 295px;">
				<div class="graphs">
					<div class="col_2" style="text-align: center; line-height: 2.0;">
						<div class="box_1" style="display: inline-block; width: 550px;">
							<div class="col-md-6 col_1_of_2 span_1_of_2">
								<a class="tiles_info">
									<div class="tiles-head red1">
										<div class="text-center">被评论数</div>
									</div>
									<div class="tiles-body red" style="color: #fff;">{{All[1][0]["SUM(chat)"]}}</div>
								</a>
							</div>
							<div class="col-md-6 col_1_of_2 span_1_of_2">
								<a class="tiles_info tiles_blue">
									<div class="tiles-head tiles_blue1">
										<div class="text-center">总粉丝数</div>
									</div>
									<div class="tiles-body blue1">{{All[0]}}</div>
								</a>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="box_1" style="display: inline-block; width: 550px;">
							<div class="col-md-6 col_1_of_2 span_1_of_2">
								<a class="tiles_info">
									<div class="tiles-head fb1">
										<div class="text-center">总获赞数</div>
									</div>
									<div class="tiles-body fb2">{{All[1][0]["SUM(praise)"]}}</div>
								</a>
							</div>
							<div class="col-md-6 col_1_of_2 span_1_of_2">
								<a class="tiles_info tiles_blue">
									<div class="tiles-head tw1">
										<div class="text-center">总文章数</div>
									</div>
									<div class="tiles-body tw2">{{All[1][0]["count(uid)"]}}</div>
								</a>
							</div>
							<div class="clearfix"></div>
						</div>
					</div>
					<script type="text/javascript">
						var data =  new Vue({
							el:".col_2",
							data:{
								All:[]
							},
						created(){
							axios.get("../user/UGetFence.s").then(res=>{
								console.info(res.data)
								this.All = res.data
							})
						}
						})
					
					
					
					
					</script>
					<div class="clearfix"></div>
				</div>
				<div class="col_1">
					<div class="col-md-4 span_7">
						<div class="cal1 cal_2">
							<div class="clndr">
								<div class="clndr-controls">
									<div class="clndr-control-button">
										<p class="clndr-previous-button">previous</p>
									</div>
									<div class="month">May 2021</div>
									<div class="clndr-control-button rightalign">
										<p class="clndr-next-button">next</p>
									</div>
								</div>
								<table class="clndr-table" cellspacing="0" cellpadding="0"
									border="0">
									<thead>
										<tr class="header-days">
											<td class="header-day">S</td>
											<td class="header-day">M</td>
											<td class="header-day">T</td>
											<td class="header-day">W</td>
											<td class="header-day">T</td>
											<td class="header-day">F</td>
											<td class="header-day">S</td>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td
												class="day past adjacent-month last-month calendar-day-2021-04-25"><div
													class="day-contents">25</div></td>
											<td
												class="day past adjacent-month last-month calendar-day-2021-04-26"><div
													class="day-contents">26</div></td>
											<td
												class="day past adjacent-month last-month calendar-day-2021-04-27"><div
													class="day-contents">27</div></td>
											<td
												class="day past adjacent-month last-month calendar-day-2021-04-28"><div
													class="day-contents">28</div></td>
											<td
												class="day past adjacent-month last-month calendar-day-2021-04-29"><div
													class="day-contents">29</div></td>
											<td
												class="day past adjacent-month last-month calendar-day-2021-04-30"><div
													class="day-contents">30</div></td>
											<td class="day past calendar-day-2021-05-01"><div
													class="day-contents">1</div></td>
										</tr>
										<tr>
											<td class="day past calendar-day-2021-05-02"><div
													class="day-contents">2</div></td>
											<td class="day past calendar-day-2021-05-03"><div
													class="day-contents">3</div></td>
											<td class="day past calendar-day-2021-05-04"><div
													class="day-contents">4</div></td>
											<td class="day past calendar-day-2021-05-05"><div
													class="day-contents">5</div></td>
											<td class="day past calendar-day-2021-05-06"><div
													class="day-contents">6</div></td>
											<td class="day past calendar-day-2021-05-07"><div
													class="day-contents">7</div></td>
											<td class="day past calendar-day-2021-05-08"><div
													class="day-contents">8</div></td>
										</tr>
										<tr>
											<td class="day past calendar-day-2021-05-09"><div
													class="day-contents">9</div></td>
											<td class="day past event calendar-day-2021-05-10"><div
													class="day-contents">10</div></td>
											<td class="day past event calendar-day-2021-05-11"><div
													class="day-contents">11</div></td>
											<td class="day past event calendar-day-2021-05-12"><div
													class="day-contents">12</div></td>
											<td class="day past event calendar-day-2021-05-13"><div
													class="day-contents">13</div></td>
											<td class="day past event calendar-day-2021-05-14"><div
													class="day-contents">14</div></td>
											<td class="day past calendar-day-2021-05-15"><div
													class="day-contents">15</div></td>
										</tr>
										<tr>
											<td class="day past calendar-day-2021-05-16"><div
													class="day-contents">16</div></td>
											<td class="day past calendar-day-2021-05-17"><div
													class="day-contents">17</div></td>
											<td class="day past calendar-day-2021-05-18"><div
													class="day-contents">18</div></td>
											<td class="day past calendar-day-2021-05-19"><div
													class="day-contents">19</div></td>
											<td class="day past calendar-day-2021-05-20"><div
													class="day-contents">20</div></td>
											<td class="day past event calendar-day-2021-05-21"><div
													class="day-contents">21</div></td>
											<td class="day past event calendar-day-2021-05-22"><div
													class="day-contents">22</div></td>
										</tr>
										<tr>
											<td class="day past event calendar-day-2021-05-23"><div
													class="day-contents">23</div></td>
											<td class="day past calendar-day-2021-05-24"><div
													class="day-contents">24</div></td>
											<td class="day past calendar-day-2021-05-25"><div
													class="day-contents">25</div></td>
											<td class="day today calendar-day-2021-05-26"><div
													class="day-contents">26</div></td>
											<td class="day calendar-day-2021-05-27"><div
													class="day-contents">27</div></td>
											<td class="day calendar-day-2021-05-28"><div
													class="day-contents">28</div></td>
											<td class="day calendar-day-2021-05-29"><div
													class="day-contents">29</div></td>
										</tr>
										<tr>
											<td class="day calendar-day-2021-05-30"><div
													class="day-contents">30</div></td>
											<td class="day calendar-day-2021-05-31"><div
													class="day-contents">31</div></td>
											<td
												class="day adjacent-month next-month calendar-day-2021-06-01"><div
													class="day-contents">1</div></td>
											<td
												class="day adjacent-month next-month calendar-day-2021-06-02"><div
													class="day-contents">2</div></td>
											<td
												class="day adjacent-month next-month calendar-day-2021-06-03"><div
													class="day-contents">3</div></td>
											<td
												class="day adjacent-month next-month calendar-day-2021-06-04"><div
													class="day-contents">4</div></td>
											<td
												class="day adjacent-month next-month calendar-day-2021-06-05"><div
													class="day-contents">5</div></td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
					</div>
					<div class="col-md-4 span_8" id = "Gz">
						<div class="activity_box" >
							<div id="style-2" class="scrollbar">
								<h4 class="panel-title"
									style="float: left; display: inline-block;" >我的关注</h4>
								<br> <br>
								<div class="activity-row" v-for="(con,i) in concerneds">
									<div class="col-xs-1">
										<i class="fa fa-thumbs-up text-info icon_13"></i>
									</div>
									<div class="col-xs-3 activity-img">
										<img
											:src='con.image'
											alt="" class="img-responsive">
									</div>
									<div class="col-xs-8 activity-desc">
										<h5>
											<a :href="'../Mp/index.html?id='+con.id">{{con.name}}</a>
										</h5>
										<p>{{con.introduction}}</p>
										<h6>{{con.date}} </h6>
									</div>
									<div class="clearfix"></div>
								</div>
	      
							</div>
						</div>
					</div>
		 		<script type="text/javascript">
					var md =  new Vue({
						 el:"#Gz",
					 	 data:{
					 		 concerneds:[],
					 	 },
					 	created(){
					 		axios.get("../user/showFollow.s").then(res=>{
					 				this.concerneds = res.data;
					 		})
					 	}
					 })
					</script>
					<div class="col-md-4 stats-info">
						<div class="panel-heading">
							<h4 class="panel-title">创作排行</h4>
						</div>
						<div class="panel-body">
							<ul class="list-unstyled">
								<li v-for="x  in creates"><a :href="'../Mp/index.html?id='+x.uid">{{x.name}}</a>
									<div class="text-success pull-right">
										{{x.count}}篇<i class="fa fa-level-up"></i>
									</div>
								</li>

							</ul>
						</div>
						<script type="text/javascript">

                 var  v2 = new Vue({
                	el:".panel-body",
                    data:{
                    	creates:[],
                    },
                	created(){
                		axios.get("../show/create.s").then(res=>{
                			this.creates = res.data;
                		})
                	}
                })
  
                
                </script>
         
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="span_11">
					<div class="col-md-6 col_4">
						<div class="map_container"></div>
						<!----Calender -------->
						<link rel="stylesheet" href="css/clndr.css" type="text/css">
						<!-- 	<script src="js/underscore-min.js" type="text/javascript"></script>-->
						<script src="js/moment-2.2.1.js" type="text/javascript"></script>
						<script src="js/clndr.js" type="text/javascript"></script>
						<script src="js/site.js" type="text/javascript"></script>
						<!----End Calender -------->
					</div>
					<div class="col-md-6 col_5">
						<div id="chart_container">
							<!-- <div id="chart"></div> -->
							<div id="slider"></div>
							<script>


function upload_click(){
	$('#page-wrapper').load('upload.html');//网页嵌套   上传资源超链接
	
}
function Mycollection(){
	$('#page-wrapper').load('Mycollection/mycollection.html');
	
}

function Myarticle(){
	$('#page-wrapper').load('Myarticle/myarticle.html');
	
}

function Mycomment(){
	$('#page-wrapper').load('commentManage.html');
	
}


var seriesData = [ [], [], [], [], [] ];
var random = new Rickshaw.Fixtures.RandomData(50);

for (var i = 0; i < 75; i++) {
	random.addData(seriesData);
}

var graph = new Rickshaw.Graph( {
	element: document.getElementById("chart"),
	renderer: 'multi',
	
	dotSize: 5,
	series: [
		{
			name: 'temperature',
			data: seriesData.shift(),
			color: '#AFE9FF',
			renderer: 'stack'
		}, {
			name: 'heat index',
			data: seriesData.shift(),
			color: '#FFCAC0',
			renderer: 'stack'
		}, {
			name: 'dewpoint',
			data: seriesData.shift(),
			color: '#555',
			renderer: 'scatterplot'
		}, {
			name: 'pop',
			data: seriesData.shift().map(function(d) { return { x: d.x, y: d.y / 4 } }),
			color: '#555',
			renderer: 'bar'
		}, {
			name: 'humidity',
			data: seriesData.shift().map(function(d) { return { x: d.x, y: d.y * 1.5 } }),
			renderer: 'line',
			color: '#ef553a'
		}
	]
} );


graph.render();

var detail = new Rickshaw.Graph.HoverDetail({
	graph: graph
});
</script>
						</div>
						<!-- map -->
						<link href="css/jqvmap.css" rel="stylesheet" type="text/css">
						<script src="js/jquery.vmap.js"></script>
						<script src="js/jquery.vmap.sampledata.js" type="text/javascript"></script>
						<script src="js/jquery.vmap.world.js" type="text/javascript"></script>
						<script type="text/javascript">
	jQuery(document).ready(function() {
		jQuery('#vmap').vectorMap({
		    map: 'world_en',
		    backgroundColor: '#333333',
		    color: '#ffffff',
		    hoverOpacity: 0.7,
		    selectedColor: '#666666',
		    enableZoom: true,
		    showTooltip: true,
		    values: sample_data,
		    scaleColors: ['#C8EEFF', '#006491'],
		    normalizeFunction: 'polynomial'
		});
	});
</script>
						<!-- //map -->
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="content_bottom">
					<div id="mycollection" class="col-md-8 span_3">
						<div data-example-id="contextual-table" class="bs-example1">
							<h5>
								<strong>我的收藏（文章）</strong>
							</h5>
							<a href="http.www.baidu.com"></a>
							<table class="table">
								<thead>
									<tr>
										<th>序号</th>
										<th>标题</th>
										<th>作者</th>
										<th>分类</th>
									</tr>
								</thead>
								<tbody>
								<tr :class="sstt[index % 9]"  v-for="(item , index) in collection">
						         <a href ="http.www.baidu.com">
						         	 <th scope="row" >{{index+1}}</th>
							          <td ><a :href ="item.caddress">{{item.ctitle}}</a></td>
							          <td >{{item.name}}</td>
							          <td >{{item.ctype}}</td>
						         </a>
					           </tr>
								</tbody>
							</table>
						</div>
					</div>
					<script type="text/javascript">
				      var v3 =  new Vue({
				        	el:"#mycollection",
				        	data:{
				        		collection: [],
				        		demo:'你好',
				        		list:[1,2,3,4],
				        		sstt:["active","","success","","info","","warning","","danger",],
				        	},
				        	created(){
				        		axios.post("../collection/showarticle.s").then(res=>{
				        			if(res.data !=null){
				        				this.collection = res.data;
				        				//console.info("====");
				        			}else{
				        				console.info("此用户没有收藏文章");
				        			}
				        		})
				        			
				        		
				        	},
				        })
			    	</script>
					<div class="col-md-4 span_4">

						<div class="cloud">
							<div class="grid-date">
								<div class="date">
									<p class="date-in">广告模块</p>
									<span class="date-on">°F °C </span>
									<div class="clearfix"></div>
								</div>
								<h4>
									30°<i class="fa fa-cloud-upload"> </i>
								</h4>
							</div>
							<p class="monday">Monday 10 July</p>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="copy">
					<p>
						Copyright © 2015.Company name All rights reserved.<a
							target="_blank" href="http://sc.chinaz.com/moban/">网页模板</a>
					</p>
				</div>
			</div>
		</div>
		<!-- /#page-wrapper -->
	</div>
	<!-- /#wrapper -->
	<!-- Bootstrap Core JavaScript -->
	<!--  文章收藏 渲染 -->
	<script type="text/javascript" src="../js/slide.js"></script>
	<script src="js/bootstrap.min.js"></script>






	<div class="jqvmap-label" style="display: none;"></div>
</body>
</html>